/**
 * ZHX CTC SCSS
 *
 * Author : Vicco Wang
 * Date : 2016.10.10
 * 
 */
//zhx-common-style.scss
//base init css style
@import 'zhx-common-style';
//min screen size 1100 * 700
.zhx-ctc-liear-map-wrapper{
	@include use-flex;
	@include flex-column;
	height:100%;
	overflow:hidden;
	
	//PROJECT INIT START
	.zhx-ctc-wrapper{
		@include use-flex;
		@include flex-column;
		position:relative;
		height: calc( 100% - 200px );
		min-width:1100px;
		min-height:520px;

		ul,li{
			padding:0;margin:0;
			list-style: none;
		}

		> div {
			position:relative;
		}
		
		@import 'zhx-ctc-header';
		
		@import 'zhx-ctc-center';

	}	

	@import 'zhx-ctc-bottom';

}

@media screen and (max-height: 700px ) {
	.zhx-ctc-liear-map-wrapper{
		overflow-y:auto;
	}
}

@media screen and (max-width: 1100px) {
	.zhx-ctc-liear-map-wrapper{
		overflow-x:auto;
	}
}

.zhx-ctc-layer{
	position:fixed;
	z-index:100;
	background-color : lighten( $lightBaseColor, 100% );
	color : $baseColor;
	font-size:.8em;
	border-radius: 5px;
	opacity :0;
	transform: scale(0,0);
	transform-origin: 0 0;
	box-shadow: 0 0 10px darken( $lightBaseColor, 30% );
	@include frame-transition();

	.zhx-ctc-bus-layer,.zhx-ctc-station-layer{
		padding:10px;

		>div{
			@include use-flex;
			@include flex-align-center;
			border-radius:3px 5px;
			padding:5px 8px;
			transform : skew( -15deg );
			font-size:.8em;
			min-width:60px;
			// max-width:170px;

			&.bus-no{
				background-color : #3f51b5;
			}
			&.station-name{
				width:auto;
				background-color : $greenColor;
			}

			span{
				transform : skew( 15deg );
				color: lighten( $lightBaseColor, 100% );
			}
		}

		ul{
			padding:0;margin:0;

			li {
				list-style:none;
				min-width:120px;
				padding:3px 2px;
			}
		}
	}
}
